<!doctype html>
<!--[if IE 7 ]>
<html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>
<html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>
<html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--[if lt IE 9]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->
    <title>PageOffice V6.0示例</title>
    <meta name="description" content="">
    <meta name="author" content="WebThemez">
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if lte IE 8]>
    <script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen"/>
    <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="css/da-slider.css"/>
    <link rel="stylesheet" href="css/styles.css"/>
    <!-- Font Awesome -->
    <link href="font/css/font-awesome.min.css" rel="stylesheet">

    <!-- Samples5 Theme style  -->
    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="css/style3.css">
    <script type="text/javascript" src="pageoffice.js"></script>
</head>

<body>
<header class="header">
    <div id="main-nav">
        <nav class="navbar navbar-inverse container" role="navigation" style="margin: 0 auto;">
            <div class="navbar-header">
                <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse"
                        data-target="#main-nav">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand scroll-top logo"><img src="images/logo.png" alt="skytouch"/></a>
            </div>
            <!--/.navbar-header-->
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav" id="mainNav" style="height:78px;">
                    <li class="active"><a href="#home" class="scroll-link"><img src="images/home.png"></a></li>
                    <li style="height:0;width:0;visibility:hidden;"><a href="#describe" class="scroll-link isotopeWrapper">功能描述</a></li>
                    <li><a href="#jichu" class="scroll-link">基础功能</a></li>
                    <li><a href="#gaoji" class="scroll-link">高级功能</a></li>
                    <li><a href="#zonghe" class="scroll-link">综合演示</a></li>
                    <li><a href="#qita" class="scroll-link">其他技巧</a></li>
                    <li><a href="https://www.zhuozhengsoft.com" target="_blank" class="scroll-link">卓正官网</a></li>
                </ul>
            </div>

            <!--/.navbar-collapse-->
        </nav>
        <!--/.navbar-->
    </div>
    <!--/.container-->
</header>
<!--/.header-->
<div id="#top"></div>
<section id="home" class="page-section">
    <div class="banner-container">
        <div class="container banner-content">
            <div id="da-slider" class="da-slider">
                <div class="da-slide">
                    <h2>PAGEOFFICE V6.0</h2>
                    <p>同时支持Windows系统和国产麒麟V10、UOS系统。
                        PageOffice基于在线Office的100余项功能，让用户更轻松高效的进行文档协同办公！</p>
                    <a href="https://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
                    <div class="da-img"></div>
                </div>
                <!-- <div class="da-slide">
                  <h2>新功能一</h2>
                  <p>增加页面开发者调试工具，集成调试更方便。</p>
                  <a href="https://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
                  <div class="da-img"></div>
                </div>
                <div class="da-slide">
                  <h2>新功能二</h2>
                  <p>支持最新JS特性和语法，支持VUE3.0等最新前端框架。</p>
                  <a href="https://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
                  <div class="da-img"></div>
                </div>
                <div class="da-slide">
                  <h2>新功能三</h2>
                  <p>不依赖IE内核，完美支持Windows 11</p>
                  <a href="https://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
                  <div class="da-img"></div>
                </div> -->
                <nav class="da-arrows">
                    <span class="da-arrows-prev"></span>
                    <span class="da-arrows-next"></span>
                </nav>
            </div>
        </div>
    </div>
    <!--/.container-->
</section>

<section id="describe" class="page-section pDark pdingBtm30">
    <div class="container">
        <div class="heading text-center">
            <!-- Heading -->
            <h2></h2>
            <p></p>
        </div>
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <div class="tray text-center">
                    <h3><br /> &nbsp;基础功能</h3>
                    <!-- Paragraph -->
                    <p>演示最基本的在线打开、编辑、保存Office文档；控制PageOffice产品的界面，包括标题栏、、自定义工具条、Office工具栏的隐藏和显示...</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="tray text-center">
                    <!-- Heading -->
                    <h3><br /> &nbsp;高级功能</h3>
                    <!-- Paragraph -->
                    <p>演示调用Pageoffice提供的接口填充数据到Word、Excel模版文件，动态生成文档，Word转PDF，控制Word、Excel中内容格式的功能... </p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="tray text-center">
                    <!-- Heading -->
                    <h3><br /> &nbsp;综合演示</h3>
                    <!-- Paragraph -->
                    <p>通过几种模型示例演示PageOffice在各种应用场景中，调用PageOffice具体的API解决实际问题的效果。例如Word文件在OA系统中流转的过程，动态生成试卷等...</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="tray text-center">
                    <!-- Heading -->
                    <h3><br /> &nbsp;其他技巧</h3>
                    <!-- Paragraph -->
                    <p>演示通过PageOffice直接调用一些常用JS方法。例如定位光标到书签，JS方式插入书签，JS方式插入水印，JS方式获取Word选中的文字等...</p>
                </div>
            </div>
        </div>
    </div>
    <!--/.container-->
</section>



<div id="gtco-features">
    <div class="gtco-container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="jichu">
                <h2>一、基础功能</h2>
            </div>
        </div>
        <div class="row">
            <table class="zz-talbe">
                <thead>
                <tr>
                    <th style="width:45px;">类型</th>
                    <th style="width:500px;">功能示例</th>
                    <th style="width:120px;">文件夹</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、1、<a
                            href="javascript:POBrowser.openWindow('SimpleWord/Word', 'width=1150px;height=900px;');">最简单在线打开保存Word文件（URL地址方式）</a>
                        | <a href="https://www.pageoffice.cn/pages/10e6ef/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>
                            演示PageOffice实现最基本的在线打开保存服务器上Word文件的功能，也是最简单的一个集成PageOffice的示例，第一次接触PageOffice产品的用户可以参考此示例把PageOffice集成到自己的项目中。
                        </p>
                    </td>
                    <td>/SimpleWord</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、2、<a
                            href="javascript:POBrowser.openWindow('SimpleWord/Word1', 'fullscreen=yes;');">以磁盘路径方式打开Office文件（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/2ef079/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>最简单的集成PageOffice的示例，但使用的是服务器磁盘路径的方式，这种方式的优点：1. 支持中文路径；2. 文件可以保存在服务器上的任意磁盘文件夹下。<span
                                style="color:red;"></span></p>
                    </td>

                    <td>/SimpleWord</td>
                </tr>

                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>一、3、<a
                            href="javascript:POBrowser.openWindow('SimpleExcel/Excel','width=1200px;height=800px;');">最简单在线打开保存Excel文件（URL地址方式）</a>
                        | <a href="https://www.pageoffice.cn/pages/4cb61d/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>
                            演示在线打开保存Excel文件的效果，与上面打开保存Word的代码几乎完全一样，只是WebOpen的第二个参数不一样。WebOpen方法的第二个参数需要与实际要打开的Office文档的文件格式保持一致。</p>
                    </td>
                    <td>/SimpleExcel</td>
                </tr>
                <tr>
                    <td><img src="images/office-3.png"/></td>
                    <td>一、4、<a
                            href="javascript:POBrowser.openWindow('SimplePPT/PPT','width=1200px;height=800px;');">最简单在线打开保存PPT文件（URL地址方式）</a>
                        | <a href="https://www.pageoffice.cn/pages/ac6ec7/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>
                            演示在线打开保存PPT文件的效果，与上面打开保存Word的代码几乎完全一样，只是WebOpen的第二个参数不一样。WebOpen方法的第二个参数需要与实际要打开的Office文档的文件格式保持一致</p>
                    </td>
                    <td>/SimplePPT</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、5、<a
                            href="javascript:POBrowser.openWindow('TitleText/Word' , 'width=1200px;height=800px;');">修改标题栏文本内容</a>
                        | <a href="https://www.pageoffice.cn/pages/7c934d/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>通过给Caption属性赋值可以修改标题栏的文本内容，如果不给Caption赋值的话，标题栏默认显示的文本是：卓正 PageOffice 开发平台。</p>
                    </td>
                    <td>/TitleText</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、6、<a
                            href="javascript:POBrowser.openWindow('ControlBars/Word' , 'width=1200px;height=800px;');">隐藏标题栏、自定工具栏和Office工具栏（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/d24428/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示如何隐藏标题栏、自定工具栏和Office工具栏，每个栏都是可以单独的控制是否隐藏。</p>
                    </td>
                    <td>/ControlBars</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、8、<a
                            href="javascript:POBrowser.openWindow('OpenWord/Word' , 'width=1200px;height=800px;');">最简单的只读打开Office文件（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/3e8ea9/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>
                            实现只读模式打开Office文件，只需要修改WebOpen的第二个参数即可，PageOffice针对Word、Excel和PPT分别提供了docReadOnly、xlsReadOnly和pptReadOnly模式。</p>
                    </td>
                    <td>/OpenWord</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、9、<a
                            href="javascript:POBrowser.openWindow('SaveReturnValue/Word' , 'width=1200px;height=800px;');">文档保存后给前台页面返回开发者自定义的保存结果值（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/e479cf/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>通过后台代码设置PageOffice.FileSaver.CustomSaveResult
                            属性，给前台页面PageOffice对象返回一个用户自定义的值，以满足部分开发者给前台页面返回ID或其他保存结果的需求。</p>
                    </td>
                    <td>/SaveReturnValue</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、10、<a
                            href="javascript:POBrowser.openWindow('SendParameters/Word' , 'width=1200px;height=800px;');">给保存页面（SaveFilePage属性指向的页面）传递参数</a>
                        | <a href="https://www.pageoffice.cn/pages/ce2a44/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>
                            此示例演示了PageOffice给保存页面传递参数的两种方式:(1)通过设置保存页面的url中的?传递参数;(2)通过Form控件给保存页面传递参数(这里的Form控件包括隐藏域、输入框、下拉框、单选框、复选框、TextArea等类型的控件)。</p>
                    </td>
                    <td>/SendParameters</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、11、<a
                            href="javascript:POBrowser.openWindow('DataRegionFill/Word' , 'width=1200px;height=800px;');">给Word文档中的数据区域（DataRegion）赋值的简单示例</a>
                        | <a href="https://www.pageoffice.cn/pages/342350/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>此示例是一个最简单的给Word数据区域赋值的示例。预先在Word文档中手工设置一些DataRegion，通过PageOffice可以实现在文档中标记的位置处动态填充内容。</p>
                    </td>
                    <td>/DataRegionFill</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>一、12、<a
                            href="javascript:POBrowser.openWindow('ExcelFill/Excel' , 'width=1200px;height=800px;');">简单的给Excel表格赋值</a>
                        | <a href="https://www.pageoffice.cn/pages/76840d/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>此示例是一个最简单的给Excel单元格赋值的示例。</p>
                    </td>
                    <td>/ExcelFill</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、13、<a
                            href="javascript:POBrowser.openWindow('SubmitWord/Word' , 'width=1200px;height=800px;');">最简单的提交Word中的用户输入内容</a>
                        | <a href="https://www.pageoffice.cn/pages/10bd42/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示PageOffice使用WordReader对象获取Word文档中数据的效果。此示例仅演示了最基本的功能，更详细功能请参考“综合演示”示例。</p>
                    </td>
                    <td>/SubmitWord</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>一、14、<a
                            href="javascript:POBrowser.openWindow('SubmitExcel/Excel' , 'width=1200px;height=800px;');">最简单的提交Excel中的用户输入内容</a>
                        | <a href="https://www.pageoffice.cn/pages/a50f08/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示PageOffice使用ExcelReader对象获取Excel文档中单元格数据的效果。此示例仅演示了最基本的功能，更详细功能请参考“综合演示”示例。</p>
                    </td>
                    <td>/SubmitExcel</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、15、<a href="InsertSeal/index" target="_blank">演示加盖印章和签字功能（以Word为例）</a>
                        <p>演示PageOffice在线编辑时盖章和签字的功能。此示例演示了多种盖章操作和盖章后的效果，更多印章相关的功能请参考“综合演示”示例。印章管理平台可以轻易集成到您的软件系统中。</p>
                    </td>
                    <td>/InsertSeal</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、16、<a
                            href="javascript:POBrowser.openWindow('CommandCtrl/Word','width=1200px;height=800px;');">控制保存、另存和打印功能（以Word为例）</a>
                        <p>演示怎样分别禁止Office的保存、另存和打印功能。</p>
                    </td>
                    <td>/CommandCtrl</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、17、<a
                            href="javascript:POBrowser.openWindow('WordSetTable/Word' , 'width=1200px;height=800px;');">给Word文档中Table赋值的简单示例</a>
                        | <a href="https://www.pageoffice.cn/pages/9fa856/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了PageOffice对Word文档中Table的操作，包括给单元格赋值和动态添加行的效果。</p>
                    </td>
                    <td>/WordSetTable</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、18、<a
                            href="javascript:POBrowser.openWindow('WordDataTag2/Word' , 'width=1200px;height=800px;');">使用数据标签（DataTag）给Word文件填充文本数据</a>
                        | <a href="https://www.pageoffice.cn/pages/4b6ab0/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>
                            给Word模板中数据标签（DataTag）赋值，针对模板中有多处位置需要同一数据的需求，使用数据标签可以重复标记多处需要填充同一数据的位置，然后对数据标签编程实现填充模板生成文件。</p>
                    </td>
                    <td>/WordDataTag2</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、19、<a
                            href="javascript:POBrowser.openWindow('CustomToolButton/Word' , 'width=1200px;height=800px;');">在PageOffice自定义工具条上添加一个按钮（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/e6520b/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>给PageOffice自定义工具条上添加一个按钮，并设置点击时执行的代码。</p>
                    </td>
                    <td>/CustomToolButton</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、20、<a
                            href="javascript:POBrowser.openWindow('AfterDocOpened/Word' , 'width=1200px;height=800px;');">添加文档打开之后在页面里触发的事件（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/2f4088/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示怎样使用文档打开之后在页面里触发的事件，此事件很常用，需要在文件打开的时候执行的代码都可以放到此事件中执行。</p>
                    </td>
                    <td>/AfterDocOpened</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、21、<a
                            href="javascript:POBrowser.openWindow('JsControlBars/Word' , 'width=1200px;height=800px;');">用JS控制PageOffice窗口上各个工具栏的隐藏和显示（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/8562bf/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示怎样用JS控制自定义工具栏、Office工具栏的隐藏和显示。</p>
                    </td>
                    <td>/JsControlBars</td>
                </tr>

                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>一、23、<a
                            href="javascript:POBrowser.openWindow('ExcelTable/Excel' , 'width=1200px;height=800px;');">对Excel中的一块区域赋值，并自动增加行</a>
                        | <a href="https://www.pageoffice.cn/pages/135d32/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示使用PageOffice的方法OpenTable，实现行增长，还可以循环使用原模板Table区域（B4:F13）单元格样式。 </p>
                    </td>
                    <td>/ExcelTable</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、24、<a
                            href="javascript:POBrowser.openWindow('SaveAsHTML/Word' , 'width=1200px;height=800px;');">另存文件为HTML格式（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/51bfaf/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示使用PageOffice的WebSaveAsHTML方法，另存文件为Html格式保存到服务器。 </p>
                    </td>
                    <td>/SaveAsHTML</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、26、<a
                            href="javascript:POBrowser.openWindow('BeforeAndAfterSave/Word' , 'width=1200px;height=800px;');">文档保存前和保存后触发的事件（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/a999ba/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示怎样使用文档保存之前和保存之后触发的事件，这两个事件很常用，需要在保存文档时执行的js代码，都可以放到这两个事件中执行。 </p>
                    </td>
                    <td>/BeforeAndAfterSave</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、28、<a
                            href="javascript:POBrowser.openWindow('SaveDataAndFile/Word' , 'width=1200px;height=800px;');">既保存Word文档中指定位置的数据,又保存整篇文档（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/5925ba/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示如何将setSaveDataPage和setSaveFilePage方法结合使用,以达到同时保存数据和文件的效果。</p>
                    </td>
                    <td>/SaveDataAndFile</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、31、<a
                            href="javascript:POBrowser.openWindow('WordDisableRight/Word' , 'width=1200px;height=800px;');">禁止Word中鼠标右键</a>
                        | <a href="https://www.pageoffice.cn/pages/207305/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示如何使用服务器端方法setDisableWindowRightClick(true)禁止当前Word文档中鼠标右键菜单。</p>
                    </td>
                    <td>/WordDisableRight</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>一、32、<a
                            href="javascript:POBrowser.openWindow('ExcelDisableRight/Excel' , 'width=1200px;height=800px;');">禁止Excel中鼠标右键</a>
                        | <a href="https://www.pageoffice.cn/pages/1551e0/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示如何使用服务器端方法setDisableSheetRightClick(true)禁止当前Excel工作表鼠标右键菜单。</p>
                    </td>
                    <td>/ExcelDisableRight</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>一、35、<a
                            href="javascript:POBrowser.openWindow('RevisionOnly/Word', 'width=1050px;height=900px;');">演示强制留痕模式编辑Word文档</a>
                        | <a href="https://www.pageoffice.cn/pages/0605b8/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示WebOpen方法的第二个参数使用docRevisionOnly，第三个参数传用户名，以强制留痕模式在线打开编辑Word文档。</p>
                    </td>
                    <td>/RevisionOnly</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"></td>
                    <td>一、36、<a
                            href="javascript:POBrowser.openWindow('NoBlank/Word', 'width=1050px;height=900px;');">演示PageOffice控件铺满整个页面（控件与页面底部无空隙）</a>
                        | <a href="https://www.pageoffice.cn/pages/172810/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示PageOffice控件铺满整个页面（控件与页面底部无空隙）。</p>
                    </td>
                    <td>/NoBlank</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div id="gtco-portfolio" class="gtco-section">
    <div class="gtco-container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="gaoji">
                <h2>二、高级功能</h2>
            </div>
        </div>

        <div class="row row-pb-md" id="div_gaoji">
            <table class="zz-talbe">
                <thead>
                <tr>
                    <th style="width:45px;">类型</th>
                    <th style="width:500px;">功能示例</th>
                    <th style="width:120px;">文件夹</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、1、<a
                            href="javascript:POBrowser.openWindow('ReadOnly/Word' , 'width=1200px;height=800px;');">文件在线安全浏览（以Word为例）</a>
                        | <a href="https://www.pageoffice.cn/pages/f45d11/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>使用只读模式在线打开Word文件，禁止编辑、拷贝、打印、另存。</p>
                        <p>安全浏览文档禁止：编辑、复制、粘贴、右键菜单、选择、下载、另存、F12下载、PrintScreen拷屏等操作。</p>
                    </td>
                    <td>/ReadOnly</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、2、<a
                            href="javascript:POBrowser.openWindow('DataBase/Word' , 'width=1200px;height=800px;');">打开保存数据库中的文件（以Word为例）</a>
                        <p>演示如何使用PageOffice以流的方式打开数据库中保存的文件。不推荐把文件保存在数据库中，不便于调试，并且影响数据库的查询速度。</p>
                    </td>
                    <td>/DataBase</td>
                </tr>
                <tr>
                    <td><img src="images/pdf.jpg"/></td>
                    <td>二、4、<a
                            href="javascript:POBrowser.openWindow('POPDF/PDF' , 'width=1050px;height=900px;');">在线打开PDF文件</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/b1c7e8/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示使用POPDF组件在线打开PDF文件的效果，标题栏、工具栏和自定义工具条都可以分别隐藏，同时自定义工具条上的按钮的数量和功能均可编程控制。</p>
                    </td>
                    <td>/POPDF</td>
                </tr>
                <tr>
                    <td><img src="images/pdf.jpg"/></td>
                    <td>二、5、<a
                            href="javascript:POBrowser.openWindow('SaveAsPDF/Word' , 'width=1200px;height=800px;');">Office文件转换为PDF文件（以Word为例）</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/91f993/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示打开Word文件，转存为PDF格式到服务器的效果。</p>
                    </td>
                    <td>/SaveAsPDF</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、6、<a
                            href="javascript:POBrowser.openWindow('WordResWord/Word' , 'width=1200px;height=800px;');">后台编程插入Word文件到数据区域</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/d363f7/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>此示例演示了通过后台编程，实现打开文件时多个Word文件插入到模板指定位置，生成一个合并文档的效果。</p>
                    </td>
                    <td>/WordResWord</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、7、<a
                            href="javascript:POBrowser.openWindow('WordResImage/Word' , 'width=1200px;height=800px;');">后台编程插入图片到数据区域</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/e9c346/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>此示例在示例9的基础上做了修改，实现了图片和Word文件混合插入到模板指定位置，生成一个合并文档的效果。</p>
                    </td>
                    <td>/WordResImage</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、8、<a
                            href="javascript:POBrowser.openWindow('WordResExcel/Word' , 'width=1200px;height=800px;');">后台编程插入Excel文件到数据区域</a><span
                            style=" color:Red;">（企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/2fa382/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>此示例在上一个示例的基础上做了修改，实现了Word和Excel文件混合插入到模板指定位置，生成一个合并文档的效果。</p>
                    </td>
                    <td>/WordResExcel</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、9、<a
                            href="javascript:POBrowser.openWindow('AddWaterMark/Word' , 'width=1200px;height=800px;');">给Word文档添加水印</a><span
                            style=" color:Red;">（企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/fb5a6d/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>通过设置PageOffice.WordWriter.WaterMark 属性，给Word文档添加水印。</p>
                    </td>
                    <td>/AddWaterMark</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、10、<a
                            href="javascript:POBrowser.openWindow('WordDataTag/Word' , 'width=1200px;height=800px;');">使用数据标签（DataTag）给Word文件填充带格式的数据</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/5c76a0/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>
                            给Word模板中数据标签（DataTag）赋值，针对模板中有多处位置需要同一数据的需求，使用数据标签可以重复标记多处需要填充同一数据的位置，然后对数据标签编程实现填充模板生成文件。</p>
                    </td>
                    <td>/WordDataTag</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、11、<a
                            href="javascript:POBrowser.openWindow('DataRegionCreate/Word' , 'width=1200px;height=800px;');">在Word中动态创建数据区域</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/b5c485/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>
                            演示使用CreateDataRegion方法动态添加数据区域的功能。动态添加数据区域，可以在生成Word文件的时候更灵活，甚至可以从空白的Word文件生成一个图文并茂的文件（详见“高级功能”示例）。</p>
                    </td>
                    <td>/DataRegionCreate</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、13、<a
                            href="FileMakerSingle/Default" target="_blank">FileMaker转换单个文档（以Word为例）</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/f1fa68/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示使用FileMaker对象动态生成文件的效果。虽然还是在客户端生成文件后保存到服务器上的，但是不在客户端显式的打开文件。</p>
                    </td>
                    <td>/FileMakerSingle</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、14、<a
                            href="javascript:POBrowser.openWindow('WordTable/Word' , 'width=1200px;height=800px;');">向Word文档中的Table插入新行并赋值</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/9fa856/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了PageOffice给Word中表格插入新行的功能，同时也演示了如何给存在纵向合并单元格的表格添加新行。</p>
                    </td>
                    <td>/WordTable</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、15、<a
                            href="javascript:POBrowser.openWindow('WordHandDraw/Word' , 'width=1200px;height=800px;');">手写批注接口演示</a><span
                            style=" color:Red;">（企业版）</span>
                        <p>演示了如何使用程序控制手写批注的线宽、颜色、缩放、笔触类型等功能。</p>
                    </td>
                    <td>/WordHandDraw</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、16、<a
                            href="javascript:POBrowser.openWindow('DataRegionTable/Word' , 'width=1200px;height=800px;');">获取Word文件中表格的数据</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/f010ca/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示了获取Word表格中的数据。要想获取表格中的数据，前提是：这个表格必须在一个数据区域内。使用数据区域对象的OpenTable方法就可以获取到表格中各个单元格的数据。</p>
                    </td>
                    <td>/DataRegionTable</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、17、<a
                            href="DataRegionText/index" target="_blank">控制数据区域文本的样式</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/cbf70a/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了如何使用程序控制数据区域文本的样式，包括设置文本的字体、字号、颜色、对齐方式。</p>
                    </td>
                    <td>/DataRegionText</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、18、<a
                            href="SetDrByUserWord/index" target="_blank">控制不同用户编辑Word文档中不同的区域</a><span
                            style=" color:Red;"></span>
                        | <a href="https://www.pageoffice.cn/pages/e715c7/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了如何使用程序控制不同用户打开文件后，只能编辑Word文档中属于自己的区域。</p>
                    </td>
                    <td>/SetDrByUserWord</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、19、<a
                            href="SetDrByUserWord2/index" target="_blank">控制不同用户编辑Word文档中不同的区域（可同时编辑）</a><span
                            style=" color:Red;">（企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/13e46a/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了如何使用程序控制不同用户打开文件后，只能编辑Word文档中属于自己的区域。用此方法开发的话，支持多个人同时打开一个文件编辑各自的区域而互不影响的。</p>
                    </td>
                    <td>/SetDrByUserWord2</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、21、<a
                            href="javascript:POBrowser.openWindow('MergeWordCell/Word' , 'width=1200px;height=800px;');">使用程序合并Word文件中表格的单元格并赋值</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/3e6150/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示了使用MergeTo方法合并Word文件中表格的指定单元格，并填充文本数据，设置文字的字体、样式和对齐方式。</p>
                    </td>
                    <td>/MergeWordCell</td>
                </tr>

                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>二、23、<a
                            href="javascript:POBrowser.openWindow('MergeExcelCell/Excel' , 'width=1200px;height=800px;');">使用程序合并Excel的单元格并设置格式和赋值</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        <p>演示了使用程序合并指定的Excel单元格，并设置文本格式和赋值。</p>
                    </td>
                    <td>/MergeExcelCell</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>二、24、<a
                            href="SetXlsTableByUser/index" target="_blank">控制不同用户编辑Excel文档中不同的区域</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示了如何使用程序控制不同用户打开文件后，只能编辑Excel文档中属于自己的区域。</p>
                    </td>
                    <td>/SetXlsTableByUser</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>二、25、<a
                            href="javascript:POBrowser.openWindow('SetExcelCellBorder/Excel' , 'width=1200px;height=800px;');">使用程序
                        “绘制” Excel表格线</a><span style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/be9f24/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了如何通过对ExcelWriter对象编程，在Excel文档中设置各个单元格或区域的边框样式，也就是设置Excel的表格线样式。</p>
                    </td>
                    <td>/SetExcelCellBorder</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>二、26、<a
                            href="javascript:POBrowser.openWindow('SetExcelCellText/Excel' , 'width=1200px;height=800px;');">用程序设置Excel单元格文本的字体、颜色、对齐和背景色</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/41f1d6/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了如何通过对ExcelWriter对象编程，设置Excel各个单元格文本的字体和颜色，设置单元格的对齐方式和背景色。</p>
                    </td>
                    <td>/SetExcelCellText</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、27、<a
                            href="javascript:POBrowser.openWindow('DataRegionFill2/Word' , 'width=1200px;height=800px;');">给Word文档中的数据区域（DataRegion）赋值并设置样式 </a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/3bc297/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>
                            此示例是一个最简单的给Word数据区域赋值的示例。预先在Word文档中手工设置一些DataRegion，通过PageOffice可以实现在文档中标记的位置处动态填充内容并设置文本的样式。</p>
                    </td>
                    <td>/DataRegionFill2</td>
                </tr>

                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>二、29、<a
                            href="javascript:POBrowser.openWindow('ExcelFill2/Excel' , 'width=1200px;height=800px;');">简单的给Excel单元格赋值设置文本颜色</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/04cd55/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了用程序给Excel单元格填充数据，并设置文本的颜色。</p>
                    </td>
                    <td>/ExcelFill2</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、30、<a
                            href="DataRegionEdit/Index" target="_blank">用户自定义模板中数据区域（DataRegion）的位置</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/0d4f98/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了使用PageOffice封装好的数据区域管理窗口，实现用户自己编辑模板，定义模板中各个数据区域位置的效果。</p>
                    </td>
                    <td>/DataRegionEdit</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、31、<a
                            href="DataTagEdit/Index" target="_blank">用户自定义模板中数据标签（DataTag）的位置</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/be27fb/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了使用PageOffice封装好的数据标签管理窗口，实现用户自己编辑模板，定义模板中各个数据标签位置的效果。</p>
                    </td>
                    <td>/DataTagEdit</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>二、32、<a
                            href="javascript:POBrowser.openWindow('DefinedNameCell/Excel' , 'width=1200px;height=800px;');">给Excel模板中定义了名称的单元格赋值</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/a98c69/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>Excel自身有一个“定义名称”的功能，可以给任意的单元格定义一个名称，比如定义某个单元格的名称为：testA1，此示例演示了，如何给这个名称为“testA1”的单元格赋值。</p>
                    </td>
                    <td>/DefinedNameCell</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>二、33、<a href="DefinedNameTable/index" target="_blank">给Excel模板中定义了名称的一块区域赋值</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/1c1dab/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>
                            Excel自身有一个“定义名称”的功能，可以给选中的一块区域（在PageOffice的概念里称这块区域为一个Table）定义一个名称，比如定义区域“B4:F13”的名称为：report，此示例演示了，如何给这个名称为“report”的Table赋值。</p>
                    </td>
                    <td>/DefinedNameTable</td>
                </tr>
                <tr>
                    <td><img src="images/pdf.jpg"/></td>
                    <td>二、34、<a
                            href="FileMakerPDF/Default" target="_blank">FileMaker转换单个文档为PDF（以Word为例） </a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/3fef19/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示使用FileMaker对象动态生成 PDF 文件的效果。虽然还是在客户端生成PDF文件后保存到服务器上的，但是不在客户端显式的打开文件。</p>
                    </td>
                    <td>/FileMakerPDF</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、35、<a
                            href="javascript:POBrowser.openWindow('WordCompare/Word' , 'width=1200px;height=800px;');">演示比较两个版本的Word文档的功能 </a><span
                            style=" color:Red;">（企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/bf237a/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>使用PageOffice同时在线打开两个版本的Word文档，切换显示其中的一个文档，或同时显示两个文档对比文档内容，实现在线的文档内容比较功能。</p>
                    </td>
                    <td>/WordCompare</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、36、<a
                            href="javascript:POBrowser.openWindow('WordTextBox/Word' , 'width=1200px;height=800px;');">给Word文本框中的数据区域赋值 </a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/f9ceb4/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>给Word文档中文本框里的数据区域赋值，实现填充数据到word文件中某些特殊位置的效果。</p>
                    </td>
                    <td>/WordTextBox</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、39、<a
                            href="javascript:POBrowser.openWindow('SplitWord/Word' , 'width=1200px;height=800px;');">拆分Word文档：把数据区域中的内容保存为子文档</a><span
                            style=" color:Red;">（企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/febad3/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>保存文件时，把Word文档中属性SubmitAsFile = true的数据区域中的内容提取出来，保存为一个子文件。</p>
                    </td>
                    <td>/SplitWord</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、41、<a
                            href="javascript:POBrowser.openWindow('RevisionsList/Word' , 'width=1200px;height=800px;');">Word中显示痕迹列表效果</a>
                        | <a href="https://www.pageoffice.cn/pages/a124a0/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了遍历当前文档中的所有痕迹以列表的形式显示以及点击痕迹列表中的痕迹导航到痕迹所在页的效果。</p>
                    </td>
                    <td>/RevisionsList</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、43、<a
                            href="javascript:POBrowser.openWindow('WordCreateTable/Word' , 'width=1200px;height=800px;');">在Word文档中动态创建表格并赋值</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/f05a73/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示了如何在Word文档中动态创建多个表格并赋值。
                        </p>
                    </td>
                    <td>/WordCreateTable</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>二、47、<a
                            href="javascript:POBrowser.openWindow('ExcelAdjustRC/Excel' , 'width=1200px;height=800px;');">Excel只读模式下调整行列</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/f9d262/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了如何在Excel只读模式下允许用户手动调整Excel表的行高和列宽。</p>
                    </td>
                    <td>/ExcelAdjustRC</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、48、<a
                            href="javascript:POBrowser.openWindow('WordDeleteRow/Word' , 'width=1200px;height=800px;');">删除Word表格中的指定单元格所在行</a><span
                            style=" color:Red;">（企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/fb2976/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了如何使用服务器端方法removeRowAt(cell)删除Word表格中的指定单元格所在行。</p>
                    </td>
                    <td>/WordDeleteRow</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、49、<a
                            href="javascript:POBrowser.openWindow('InsertPageBreak2/Word' , 'width=1200px;height=800px;');">Word中使用服务器端方法插入分页符</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/33ec79/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了如何使用服务器端方法wordDocument.insertPageBreak()插入分页符，使得多个文档合并时各个文档的格式依旧保持不变。</p>
                    </td>
                    <td>/InsertPageBreak2</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>二、50、<a
                            href="javascript:POBrowser.openWindow('ExcelInsertImage/Excel' , 'width=1200px;height=800px;');">Excel单元格中插入图片</a><span
                            style=" color:Red;">（企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/2e0aa5/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示了如何在Excel指定的单元格中插入图片，主要用到的方法是：cell.setValue("[imgage]/images/logo.jpg[/imgage]")。</p>
                    </td>
                    <td>/ExcelInsertImage</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、51、<a
                            href="javascript:POBrowser.openWindow('WordTableSetImg/Word' , 'width=1200px;height=800px;');">Word表格中的单元格内插入图片</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/861af4/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示如何使用cell.setValue("[imgage]doc/wang.gif[/imgage]")给Word表格中的单元格填充图片。</p>
                    </td>
                    <td>/WordTableSetImg</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、52、<a
                            href="javascript:POBrowser.openWindow('WordTableBorder/Word' , 'width=1200px;height=800px;');">设置Word表格的样式</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/3c2941/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示如何使用使用Border类和Font类设置Word表格的边框样式及字体样式。</p>
                    </td>
                    <td>/WordTableBorder</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、53、<a
                            href="javascript:POBrowser.openWindow('ExtractImage/Word' , 'width=1200px;height=800px;');">提取Word中的图片</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/bb23ae/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示如何使用使用Shape类获取Word文档中的图片。</p>
                    </td>
                    <td>/ExtractImage</td>
                </tr>
                <tr>
                    <td><img src="images/pdf.jpg"/></td>
                    <td>二、54、<a
                            href="javascript:POBrowser.openWindow('OpenImage/Image' , 'width=1055px;height=900px;');">在线打开图片</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示使用POPDF组件在线打开图片文件，支持放大、缩小、旋转等效果，标题栏、工自定义工具条都可以分别隐藏，同时自定义工具条上的按钮的数量和功能均可编程控制。</p>
                    </td>
                    <td>/OpenImage</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、55、<a
                            href="javascript:POBrowser.openWindow('DisableCopyOut/Word' , 'width=1055px;height=900px;');">在线编辑Word文档时，禁止拷贝内容到外部</a><span
                            style=" color:Red;">（企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/addd58/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示以编辑模式在线打开Word文档时，禁止拷贝在线Word中的内容到外部，只允许拷贝外部的内容到在线Word文件中的特效。</p>
                    </td>
                    <td>/DisableCopyOut</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、56、<a
                            href="javascript:POBrowser.openWindow('InsertImageSetSize/Word' , 'width=1055px;height=900px;');">后台编程方式向Word数据区域中动态插入图片，并设置图片大小</a><span
                            style=" color:Red;">（企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/6559a1/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示使用后台编程方式向Word数据区域中动态插入图片，并设置图片大小。</p>
                    </td>
                    <td>/InsertImageSetSize</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>二、59、<a
                            href="javascript:POBrowser.openWindow('HtmlDialog/Word' , 'width=1055px;height=900px;');">演示弹出网页对话框</a>
                        | <a href="https://www.pageoffice.cn/pages/2a2b2a/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示弹出模态网页对话框和非模态网页对话框的两种效果</p>
                    </td>
                    <td>/HtmlDialog</td>
                </tr>

                </tbody>
            </table>
        </div>


    </div>
</div>

<div id="gtco-counter" class="gtco-section">
    <div class="gtco-container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="zonghe">
                <h2>三、综合演示</h2>
            </div>
        </div>
        <div class="row">
            <table class="zz-talbe">
                <thead>
                <tr>
                    <th style="width:47px;">类型</th>
                    <th style="width:500px;">功能示例</th>
                    <th style="width:120px;">文件夹</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>三、1、<a href="FileMaker/Default"  target="_blank">FileMaker批量转换文档（以Word为例）</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/a6432a/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示动态生成多个Word文件的效果。</p>
                    </td>
                    <td>/FileMaker</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>三、2、<a href="ExaminationPaper/index" target="_blank">在Word文档中动态生成一张试卷</a>
                        <p>演示选择题库中的部分试题，动态生成一份试卷的效果。如果使用动态生成js的方式实现，那么所有的PageOffice版本都可以支持；<span style="color:Maroon;">如果使用动态创建数据区域的方式来实现，编程会更简单，但是标准版不支持。</span>
                        </p>
                    </td>
                    <td>/ExaminationPaper</td>
                </tr>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>三、7、<a
                            href="javascript:POBrowser.openWindow('WordParagraph/Word' , 'width=1200px;height=800px;');">完全编程实现动态生成Word文件</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        <p>演示了使用PageOffice.WordWriter命名空间中提供的类，用纯代码编程的方式在一个空白的Word文件中生成一个图文并茂、文本段落格式均已设置好的Word文档。</p>
                    </td>
                    <td>/WordParagraph</td>
                </tr>
                <tr>
                    <td><img src="images/office-2.png"/></td>
                    <td>三、8、<a
                            href="javascript:POBrowser.openWindow('DrawExcel/Excel' , 'width=1200px;height=800px;');">完全编程实现动态生成Excel文件</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        <p>
                            演示了使用PageOffice.ExcelWriter命名空间中提供的类，用纯代码编程的方式在一个空白的Excel文件中“绘制”一个包含了复杂公式的、表格线和文本颜色俱全、单元格格式完美并填充了数据的Excel表。</p>
                    </td>
                    <td>/DrawExcel</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>三、9、<a href="TaoHong/index" target="_blank">使用PageOffice实现模板套红</a><span style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/f37e83/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示了使用PageOffice的数据填充功能实现Word文件套红的效果。</p>
                    </td>
                    <td>/TaoHong</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>三、10、<a href="WordSalaryBill/index" target="_blank">插入Word表格模板动态生成工资条</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        <p>演示了插入Word文件、填充Word表格数据、合并Word文件、循环插入表格等功能。</p>
                    </td>
                    <td>/WordSalaryBill</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>三、14、<a href="SaveAndSearch/index" target="_blank">全文搜索包含关键字的Word文档</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        <p>演示如何全文搜索包含关键字的Word文档，并且打开文档后高亮显示关键字。</p>
                    </td>
                    <td>/SaveAndSearch</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>三、15、<a
                            href="FileMakerConvertPDFs/Default" target="_blank">Word批量转换成PDF文件</a><span
                            style=" color:Red;">（专业版、企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/dc59f2/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示如何使用FileMakerCtrl组件批量转换Word文件为PDF文件。</p>
                    </td>
                    <td>/FileMakerConvertPDFs</td>
                </tr>

                </tbody>
            </table>

        </div>
    </div>
</div>

<div id="gtco-products">
    <div class="gtco-container">
        <div class="">
            <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="qita">
                <h2>四、其他技巧</h2>
            </div>
        </div>
        <div class="row">
            <table class="zz-talbe">
                <thead>
                <tr>
                    <th style="width:37px;">类型</th>
                    <th style="width:500px;">功能示例</th>
                    <th style="width:120px;">文件夹</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>四、3、<a
                            href="javascript:POBrowser.openWindow('WordAddBKMK/Word' , 'width=1200px;height=800px;');">在Word当前光标处插入书签</a>
                        | <a href="https://www.pageoffice.cn/pages/fdfb0e/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示使用实现在文件中插入书签的功能。</p>
                    </td>
                    <td>/WordAddBKMK</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>四、4、<a
                            href="javascript:POBrowser.openWindow('WordLocateBKMK/Word' , 'width=1200px;height=800px;');">js
                        定位光标到书签</a>
                        | <a href="https://www.pageoffice.cn/pages/a12f19/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示使用js定位光标到书签所在位置，一般可以用来实现盖章自动到指定位置的效果。</p>
                    </td>
                    <td>/WordLocateBKMK</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>四、7、<a
                            href="javascript:POBrowser.openWindow('WordGetSelection/Word' , 'width=1200px;height=800px;');">js获取Word选中的文字</a>
                        | <a href="https://www.pageoffice.cn/pages/fdfb0e/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示使用js获取到文件中目前选中的文本内容。</p>
                    </td>
                    <td>/WordGetSelection</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>四、12、<a
                            href="javascript:POBrowser.openWindow('InsertImgForJs/Word' , 'width=1200px;height=800px;');">js方式插入图片（以Word文档为例）</a>
                        <span style=" color:Red;">（国产版此功能正在开发中）</span>
                        <p>演示使用js插入图片到文档指定位置。</p>
                    </td>
                    <td>/InsertImgForJs</td>
                </tr>
                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>四、14、<a
                            href="javascript:POBrowser.openWindow('JsInsertWaterMark/Word' , 'width=1200px;height=800px;');">js方式给Word文档插入水印</a><span
                            style=" color:Red;">（企业版）</span>
                        | <a href="https://www.pageoffice.cn/pages/d89c6f/" target="_blank" style=" color: rgb(28, 200, 28);">代码详解</a>
                        <p>演示使用js方式给Word文档插入文字水印。</p>
                    </td>
                    <td>/JsInsertWaterMark</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>


<div id="gtco-features">
    <div class="gtco-container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 text-center gtco-heading" id="newV4">
                <h2>五、PAGEOFFICE v4.0新特性</h2>
            </div>
        </div>
        <div class="row">
            <table class="zz-talbe">
                <thead>
                <tr>
                    <th style="width:45px;">类型</th>
                    <th style="width:500px;">功能示例</th>
                    <th style="width:120px;">文件夹</th>
                </tr>
                </thead>
                <tbody>

                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>五、3、<a href="CallParentFunction/index" target="_blank">使用PageOffice浏览器打开的页面（子页面）回调父页面的函数用来传值（以Word为例）</a>
                        <p>使用PageOffice浏览器打开的页面（子页面）回调父页面JS函数，此功能还可以实现当子页面关闭以后自动更新父页面的局部状态信息。</p></td>
                    <td>/CallParentFunction</td>
                </tr>


                <tr>
                    <td><img src="images/office-1.png"/></td>
                    <td>五、6、<a
                            href="javascript:POBrowser.openWindow('GetParentParamValue/Word' , 'width=1200px;height=800px;','张三');">父页面给POBrowser打开文件的页面（子页面）传递参数</a>
                        <p>
                            使用openWindow的第三个参数向POBrowser打开文件的页面传递参数。(说明：如果传递短参数的话，直接用“？参数名称=”这种方式传递，如果参数字节超过1000b的话，只能用"openWindow的第三个参数"方式传递。)</p>
                    </td>
                    <td>/GetParentParamValue</td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>
</div>

<div id="gtco-subscribe">
    <div class="gtco-container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
                <h2>PageOffice V6.0</h2>
                <p>Copyright © 2023 北京卓正志远软件有限公司.</p>
                <p>(本页是PageOffice示例，仅供程序员编程参考，不得作为独立网站发布)</p>
                <p></p>
            </div>
        </div>
    </div>
</div>
<a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>
<!--[if lte IE 8]>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
<script src="js/modernizr-latest.js"></script>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="js/jquery.nav.js" type="text/javascript"></script>
<script src="js/jquery.cslider.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
</body>
</html>